const videoHref = [
    {
        "score": "0",
        "children": [
            {
                "score": "0",
                "timeLen": "34:26",
                "name": "第一节 HTML入门",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/01-html入门.mp4",
                "lock": "0",
                "id": "301",
                "chapterNumber": 1
            },
            {
                "score": "0",
                "timeLen": "45:26",
                "name": "第二节 HTML常用标签",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/02-html常用标签.mp4",
                "lock": "1",
                "id": "302",
                "chapterNumber": 2
            },
            {
                "score": "0",
                "timeLen": "42:10",
                "name": "第三节 html标签之img和a",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/03-html标签之img和a.mp4",
                "lock": "1",
                "id": "303",
                "chapterNumber": 3
            },
            {
                "score": "0",
                "timeLen": "35:29",
                "name": "第四节 html高级标签之table",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/04-html高级标签之table.mp4",
                "lock": "1",
                "id": "304",
                "chapterNumber": 4
            },
            {
                "score": "0",
                "timeLen": "31:21",
                "name": "第五节 html高级标签之列表",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/05-html高级标签之列表.mp4",
                "lock": "1",
                "id": "305",
                "chapterNumber": 5
            },
            {
                "score": "0",
                "timeLen": "40:09",
                "name": "第六节 html高级标签之form表单",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/06-html高级标签之form表单.mp4",
                "lock": "1",
                "id": "306",
                "chapterNumber": 6
            },
            {
                "score": "0",
                "name": "第七节 Sumlime插件emmet",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/07-Sumlime插件emmet.mp4",
                "lock": "1",
                "id": "307",
                "chapterNumber": 7
            },
            {
                "score": "0",
                "name": "第八节 HTML之seo",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/01-HTML/08-HTML之seo.mp4",
                "lock": "1",
                "id": "308",
                "chapterNumber": 8
            }
        ],
        "name": "第1章 HTML基础",
        "isRead": "0",
        "lock": "0",
        "id": "300",
        "chapterNumber": 1
    },
    {
        "score": "0",
        "children": [
            {
                "score": "0",
                "timeLen": "34:24",
                "name": "第七节 CSS基础",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/01-css基础.mp4",
                "lock": "1",
                "id": "401",
                "chapterNumber": 9
            },
            {
                "score": "0",
                "timeLen": "42:10",
                "name": "第八节 CSS选择器",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/02-css选择器.mp4",
                "lock": "1",
                "id": "402",
                "chapterNumber": 10
            },
            {
                "score": "0",
                "timeLen": "49:07",
                "name": "第九节 CSS三大特性",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/03-css三大特性.mp4",
                "lock": "1",
                "id": "403",
                "chapterNumber": 11
            },
            {
                "score": "0",
                "timeLen": "49:39",
                "name": "第十节 文本属性",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/04-文本属性.mp4",
                "lock": "1",
                "id": "404",
                "chapterNumber": 12
            },
            {
                "score": "0",
                "timeLen": "37:56",
                "name": "第十一节 元素的分类",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/05-元素的分类.mp4",
                "lock": "1",
                "id": "405",
                "chapterNumber": 13
            },
            {
                "score": "0",
                "timeLen": "43:27",
                "name": "第十二节 盒子模型",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/06-盒子模型.mp4",
                "lock": "1",
                "id": "406",
                "chapterNumber": 14
            },
            {
                "score": "0",
                "timeLen": "44:31",
                "name": "第十三节 背景与精灵图 ",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/07-背景与精灵图.mp4",
                "lock": "1",
                "id": "407",
                "chapterNumber": 15
            },
            {
                "score": "0",
                "timeLen": "43:08",
                "name": "第十四节 浮动",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/08-浮动.mp4",
                "lock": "1",
                "id": "408",
                "chapterNumber": 16
            },
            {
                "score": "0",
                "timeLen": "32:13",
                "name": "第十五节 定位",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/09-定位.mp4",
                "lock": "1",
                "id": "409",
                "chapterNumber": 17
            },
            {
                "score": "0",
                "timeLen": "30:41",
                "name": "第十六节 CSS兼容",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/10-css兼容.mp4",
                "lock": "1",
                "id": "410",
                "chapterNumber": 18
            },
            {
                "score": "0",
                "timeLen": "33:14",
                "name": "第十七节 CSS布局方案完整",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/11-CSS布局方案完整.mp4",
                "lock": "1",
                "id": "411",
                "chapterNumber": 19
            },
            {
                "score": "0",
                "timeLen": "32:34",
                "name": "第十八节 CSS布局小技巧",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/12-CSS布局小技巧.mp4",
                "lock": "1",
                "id": "412",
                "chapterNumber": 20
            }
        ],
        "name": "第2章 CSS基础",
        "isRead": "0",
        "resources": "",
        "lock": "1",
        "id": "400",
        "chapterNumber": 2
    },
    {
        "score": "0",
        "children": [
            {
                "score": "0",
                "timeLen": "44:11",
                "name": "第十九节 CSS案例之带二级菜单的导航",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/13-CSS案例之带二级菜单的导航.mp4",
                "lock": "1",
                "id": "501",
                "chapterNumber": 21
            },
            {
                "score": "0",
                "timeLen": "34:55",
                "name": "第二十节 CSS案例之伪类实现带效果的导航",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/14-CSS案例之伪类实现带效果的导航.mp4",
                "lock": "1",
                "id": "502",
                "chapterNumber": 22
            },
            {
                "score": "0",
                "timeLen": "33:27",
                "name": "第二十一节 CSS案例之轮播图布局",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/15-CSS案例之轮播图布局.mp4",
                "lock": "1",
                "id": "503",
                "chapterNumber": 23
            },
            {
                "score": "0",
                "timeLen": "36:55",
                "name": "第二十二节 CSS案例之图文混排（上）",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/16-CSS案例之图文混排（上）.mp4",
                "lock": "1",
                "id": "504",
                "chapterNumber": 24
            },
            {
                "score": "0",
                "timeLen": "43:47",
                "name": "第二十三节 CSS案例之图文混排（下）",
                "isRead": "0",
                "resources": "https://syzx.s3.cn-northwest-1.amazonaws.com.cn/HTML加CSS 前端开发核心技能精讲MP4/02-CSS/17-CSS案例之图文混排（下）.mp4",
                "lock": "1",
                "id": "505",
                "chapterNumber": 25
            }
        ],
        "name": "第3章 CSS案例",
        "isRead": "0",
        "lock": "1",
        "id": "500",
        "chapterNumber": 3
    }
]